package com.example.liuke.guangguang.ui;

import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.JsResult;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.Toast;

import com.example.liuke.guangguang.R;
/*对于JS调用Android代码的方法有3种：
        1. 通过WebView的addJavascriptInterface（）进行对象映射
        2. 通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url
        3. 通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息*/

public class NativeJsActivity extends AppCompatActivity implements View.OnClickListener{
    private WebView mywebview;
    private Button mybutton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_native_js);
        mywebview = (WebView) findViewById(R.id.mywebview);
        mybutton = (Button)findViewById(R.id.mybutton);
        WebSettings webSettings = mywebview.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        // 设置允许JS弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        // 先载入JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mywebview.loadUrl("file:///android_asset/text.html");

        //js调用java代码
        mywebview.addJavascriptInterface(NativeJsActivity.this,"demo");

        mybutton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
                // 必须另开线程进行JS方法调用(否则无法调用)
                mywebview.post(new Runnable() {
                    @Override
                    public void run() {

                        // 注意调用的JS方法名要对应上
                        // 调用javascript的callJS()方法
                        //mywebview.loadUrl("javascript:callJS()");
                        //第二种方法,api19以上才可以，即安卓4.4版本以上才行
                        mywebview.evaluateJavascript("javascript:callJS()", new ValueCallback<String>() {
                            @Override
                            public void onReceiveValue(String value) {
                                Toast.makeText(NativeJsActivity.this,value,Toast.LENGTH_LONG).show();
                            }
                        });
                    }
                });

            }
        });

        // 由于设置了弹窗检验调用结果,所以需要支持js对话框
        // webview只是载体，内容的渲染需要使用webviewChromClient类去实现
        // 通过设置WebChromeClient对象处理JavaScript的对话框
        //设置响应js 的Alert()函数
        mywebview.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
                AlertDialog.Builder b = new AlertDialog.Builder(NativeJsActivity.this);
                b.setTitle("Alert");
                b.setMessage(message);
                b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        result.confirm();
                    }
                });
                b.setCancelable(false);
                b.create().show();
                return true;
            }

        });


    }

    @JavascriptInterface
    public void javaMethod(){
        startActivity(new Intent(this,Webview_JS_Activity.class));
        finish();
    }


    @Override
    public void onClick(View v) {

    }
}
